<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度前端训练营</title>
    <link rel="icon" type="image/x-icon" href="images/icon.png">
    <link rel="stylesheet" text="text/css" href="./CSS/page.css">
</head>
<body>
    <div id="nav">
        <img id="nav_image" src="images/nav.png" alt="百度小程序">
        <ul id="nav_list">
            <li><a href='#'>开发文档</a></li>
            <li><a href='#'>交流中心</a></li>
            <li><a href='#'>服务市场</a></li>
            <li><a href='#'>开源联盟</a></li>
            <li><a href='#'>管理中心</a></li>
        </ul>
    </div>
    <div id="page_head">
        <img src="images/head.png" style="object-fit: fill;width: 100%;">
        <span style="text-align: center;">百度前端训练营2021开营了，赶紧报名吧!</span>
    </div>
    <div id="sign">
        <div id="sign_part">
            <div id='block_span'>您已完成报名，开始您的学习之旅吧</div>
            <button id='re_sign' onclick=show_sign_in()>重新报名</button>
            <ul id="sign_list">
                <li>
                    <div id="input_school">
                        <span>请输入学校:</span>
                        <button id="button1" onmouseover=school()>选中示例大学</button>
                        <div id="button1-content">
                            <!--控制学校方块总块-->
                            <div id="province">
                        
                                <button id="jiangxi_b" onclick=show_university(1) onmouseover=show_university(1)>江西省</button>
                                <button id="hubei_b" onclick=show_university(2) onmouseover=show_university(2)>湖北省</button>
                                <button id="hunan_b" onclick=show_university(3) onmouseover=show_university(3)>湖南省</button>
                                <button id="guangdong_b" onclick=show_university(4) onmouseover=show_university(4)>广东省</button>
                                <button id="jiangsu_b" onclick=show_university(5) onmouseover=show_university(5)>江苏省</button>
                                <button id="shanxi_b" onclick=show_university(6) onmouseover=show_university(6)>陕西省</button>
                                <button id="A_b" onclick=show_university(7) onmouseover=show_university(7)>A省</button>
                                <button id="B_b" onclick=show_university(8) onmouseover=show_university(8)>B省</button>
                                <button id="C_b" onclick=show_university(9) onmouseover=show_university(9)>C省</button>
                                <button id="D_b" onclick=show_university(10) onmouseover=show_university(10)>D省</button>
                        
                            </div>
                        
                            <div>
                                <div id="jiangxi-universities">
                                    <button onclick=replace_school_text('江西师范大学')>江西师范大学</button>
                                    <button onclick=replace_school_text('南昌大学')>南昌大学</button>
                                    <button onclick=replace_school_text('华东交通大学')>华东交通大学</button>
                                    <button onclick=replace_school_text('江西财经大学')>江西财经大学</button>
                                    <button onclick=replace_school_text('南昌航空大学')>南昌航空大学</button>
                                    <button onclick=replace_school_text('江西师范大学')>江西师范大学</button>
                                    <button onclick=replace_school_text('江西理工大学')>江西理工大学</button>
                                    <button onclick=replace_school_text('东华理工大学')>东华理工大学</button>
                                    <button onclick=replace_school_text('江西科技师范大学')>江西科技师范大学</button>
                                    <button onclick=replace_school_text('江西农业大学')>江西农业大学</button>
                                    <button onclick=replace_school_text('赣南师范大学')>赣南师范大学</button>
                                    <button onclick=replace_school_text('井冈山大学')>井冈山大学</button>
                                </div>
                                <div id="hubei-universities">
                                    <button onclick=replace_school_text('华中科技大学')>华中科技大学</button>
                                    <button onclick=replace_school_text('武汉大学')>武汉大学</button>
                                    <button onclick=replace_school_text('华中农业大学')>华中农业大学</button>
                                    <button onclick=replace_school_text('华中师范大学')>华中师范大学</button>
                                    <button onclick=replace_school_text('武汉理工大学')>武汉理工大学</button>
                                    <button onclick=replace_school_text('中南财经政法大学')>中南财经政法大学</button>
                                    <button onclick=replace_school_text('中国地质大学')>中国地质大学（武汉）</button>
                                    <button onclick=replace_school_text('武汉科技大学')>武汉科技大学</button>
                                    <button onclick=replace_school_text('中南民族大学')>中南民族大学</button>
                                    <button onclick=replace_school_text('湖北大学')>湖北大学</button>
                                    <button onclick=replace_school_text('中南民族大学')>中南民族大学</button>
                                    <button onclick=replace_school_text('三峡大学')>三峡大学</button>
                                </div>
                                <div id="hunan-universities">
                                    <button onclick=replace_school_text('国防科学技术大学')>国防科学技术大学</button>
                                    <button onclick=replace_school_text('中南大学')>中南大学</button>
                                    <button onclick=replace_school_text('湖南大学')>湖南大学</button>
                                    <button onclick=replace_school_text('湖南师范大学')>湖南师范大学</button>
                                    <button onclick=replace_school_text('湘潭大学')>湘潭大学</button>
                                    <button onclick=replace_school_text('中南林业科技大学')>中南林业科技大学</button>
                                    <button onclick=replace_school_text('湖南农业大学')>湖南农业大学</button>
                                    <button onclick=replace_school_text('湖南中医药大学')>湖南中医药大学</button>
                                    <button onclick=replace_school_text('长沙理工大学')>长沙理工大学</button>
                                    <button onclick=replace_school_text('南华大学')>南华大学</button>
                                    <button onclick=replace_school_text('湖南科技大学')>湖南科技大学</button>
                                    <button onclick=replace_school_text('湖南工业大学')>湖南工业大学</button>
                                </div>
                                <div id="guangdong-universities">
                                    <button onclick=replace_school_text('中山大学')>中山大学</button>
                                    <button onclick=replace_school_text('华南理工大学')>华南理工大学</button>
                                    <button onclick=replace_school_text('汕头大学')>汕头大学</button>
                                    <button onclick=replace_school_text('华南理工大学')>华南理工大学</button>
                                    <button onclick=replace_school_text('华南农业大学')>华南农业大学</button>
                                    <button onclick=replace_school_text('广东海洋大学')>广东海洋大学</button>
                                    <button onclick=replace_school_text('广州医科大学')>广州医科大学</button>
                                    <button onclick=replace_school_text('华南师范大学')>华南师范大学</button>
                                    <button onclick=replace_school_text('广州中医药大学')>广州中医药大学</button>
                                    <button onclick=replace_school_text('深圳大学')>深圳大学</button>
                                    <button onclick=replace_school_text('南方科技大学')>南方科技大学</button>
                                    <button onclick=replace_school_text('广东医科大学')>广东医科大学</button>
                                </div>
                                <div id="jiangsu-universities">
                                    <button onclick=replace_school_text('南京大学')>南京大学</button>
                                    <button onclick=replace_school_text('苏州大学')>苏州大学</button>
                                    <button onclick=replace_school_text('扬州大学')>扬州大学</button>
                                    <button onclick=replace_school_text('东南大学')>东南大学</button>
                                    <button onclick=replace_school_text('江南大学')>江南大学</button>
                                    <button onclick=replace_school_text('河海大学')>河海大学</button>
                                    <button onclick=replace_school_text('南京师范大学')>南京师范大学</button>
                                    <button onclick=replace_school_text('南京理工大学')>南京理工大学</button>
                                    <button onclick=replace_school_text('南京财经大学')>南京财经大学</button>
                                    <button onclick=replace_school_text('南京航空航天大学')>南京航空航天大学</button>
                                    <button onclick=replace_school_text('南京审计大学')>南京审计大学</button>
                                    <button onclick=replace_school_text('南通大学')>南通大学</button>
                                </div>
                                <div id="shanxi-universities">
                                    <button onclick=replace_school_text('长安大学')>长安大学</l>
                                        <button onclick=replace_school_text('西安交通大学')>西安交通大学</button>
                                        <button onclick=replace_school_text('西安电子科技大学')>西安电子科技大学</button>
                                        <button onclick=replace_school_text('西北工业大学')>西北工业大学</button>
                                        <button onclick=replace_school_text('西北大学')>西北大学</button>
                                        <button onclick=replace_school_text('西北农林大学')>西北农林大学</button>
                                        <button onclick=replace_school_text('陕西师范大学')>陕西师范大学</button>
                                        <button onclick=replace_school_text('江西师范大学')>江西师范大学</button>
                                        <button onclick=replace_school_text('西安理工大学')>西安理工大学</button>
                                        <button onclick=replace_school_text('西安科技大学')>西安科技大学</button>
                                        <button onclick=replace_school_text('西安工业大学')>西安工业大学</button>
                                        <button onclick=replace_school_text('西安石油大学')>西安石油大学</button>
                                </div>
                                <div id="default-universities">
                                    <button onclick=replace_school_text('A大学')>A大学</l>
                                        <button onclick=replace_school_text('B大学')>B大学</button>
                                        <button onclick=replace_school_text('C大学')>C大学</button>
                                        <button onclick=replace_school_text('D大学')>D大学</button>
                                        <button onclick=replace_school_text('E大学')>E大学</button>
                                        <button onclick=replace_school_text('F大学')>F大学</button>
                                        <button onclick=replace_school_text('G大学')>G大学</button>
                                        <button onclick=replace_school_text('H大学')>H大学</button>
                                        <button onclick=replace_school_text('I大学')>I大学</button>
                                        <button onclick=replace_school_text('J大学')>J大学</button>
                                        <button onclick=replace_school_text('K大学')>K学</button>
                                        <button onclick=replace_school_text('L大学')>L大学</button>
                                        <button onclick=replace_school_text('M大学')>M大学</button>
                                        <button onclick=replace_school_text('N大学')>N大学</button>
                                        <button onclick=replace_school_text('O大学')>O大学</button>
                                        <button onclick=replace_school_text('P大学')>P大学</button>
                                        <button onclick=replace_school_text('Q大学')>Q大学</button>
                                        <button onclick=replace_school_text('R大学')>R大学</button>
                                        <button onclick=replace_school_text('S大学')>S大学</button>
                                        <button onclick=replace_school_text('T大学')>T大学</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="input_year">
                        <span>请输入学年份:</span>
                        <button id="button2" onmouseover=show_year()>20xx</button>
                        <div style="display: none" id="button2-content">
                            <ul>
                                <li id='2010' onclick=replace_text(this.id)>2010</li>
                                <li id='2011' onclick=replace_text(this.id)>2011</li>
                                <li id='2012' onclick=replace_text(this.id)>2012</li>
                            </ul>
                            <ul>
                                <li id='2013' onclick=replace_text(this.id)>2013</li>
                                <li id='2014' onclick=replace_text(this.id)>2014</li>
                                <li id='2015' onclick=replace_text(this.id)>2015</li>
                            </ul>
                            <ul>
                                <li id='2016' onclick=replace_text(this.id)>2016</li>
                                <li id='2017' onclick=replace_text(this.id)>2017</li>
                                <li id='2018' onclick=replace_text(this.id)>2018</li>
                            </ul>
                            <ul>
                                <li id='2019' onclick=replace_text(this.id)>2019</li>
                                <li id='2020' onclick=replace_text(this.id)>2020</li>
                                <li id='2021' onclick=replace_text(this.id)>2021</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="input_email">
                        <span>请输入您的电子邮箱:</span>
                        <input type="email" id="input3" onclick=hide_all() placeholder="例如host@hotmail.com">
                    </div>
                </li>
                <li>
                    <button id="div_baoming" onclick=is_leagal()>
                        <span>报名</span>
                    </button>
                </li>
            </ul>
        </div>
        <div id='tip_box' style="display: none;">
            <span id='success_box' style="display: none">恭喜您，来自选中示例大学xx级的xx同学，您的报名信息已经记录，请关注您的邮件</span>
            <span id='failed_box' style="display: none;background-color: red;">邮件地址不符合要求/学校不符合要求/入学年份不符合要求，请重新输入</span>
        </div>
    </div>
    <div id="idea">
        <div id="idea_word">
            <p>我们的宗旨</p>
        </div>
        <div id="idea_list">
            <ul>
                <li>
                    <div id="idea08">
                        <span>自律独立思考</span><br>
                        <img class="img" src="images/course1.jfif" alt="自律独立思考">
                    </div>
                </li>
                <li>
                    <div id="idea09">
                        <span>实践</span><br>
                        <img class="img" src="images/course2.jfif" alt="实践">
                    </div>
                </li>
                <li>
                    <div id="idea10">
                        <span>总结回顾</span><br>
                        <img class="img" src="images/course3.jfif" alt="总结回顾">
                    </div>
                </li>
                <li>
                    <div id="idea11">
                        <span>分享交流</span><br>
                        <img class="img" src="images/course4.jfif" alt="分享交流">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="course">
        <div id="course_word">
            <p>课程安排</p>
            <div id="js_switch" style="float: right;">
            
                <div id="selected1"></div>
                <div id="selected2"></div>
                <div id="selected3"></div>
                <div id="selected4"></div>
            
                <!--切换条-->
                <span id="all_class" onclick=handle_selected(this.id) onmouseover=show_select_bar("selected1")>全部</span>
                <span id="all_HTML" onclick=handle_selected(this.id) onmouseover=show_select_bar("selected2")>HTML</span>
                <span id="all_CSS" onclick=handle_selected(this.id) onmouseover=show_select_bar("selected3")>CSS</span>
                <span id="all_JavaScript" onclick=handle_selected(this.id)
                    onmouseover=show_select_bar("selected4")>JavaScript</span>
            </div>
        </div>
        <script src="button_control.js"></script>

        <div id="class_arrange" class="outside_box">
            <div id="css_class" class="css_all_class">
                <div id="css_class1" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
        
                        <p class="class_headline">第一课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="css_tag_format">css</button>
        
                    </div>
                </div>
        
                <div id="css_class2" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第二课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="css_tag_format">css</button>
        
                    </div>
                </div>
                <div id="css_class3" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第三课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="css_tag_format">css</button>
        
                    </div>
                </div>
        
        
                <div id="css_class4" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第四课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="css_tag_format">css</button>
        
                    </div>
                </div>
        
        
                <div id="css_class5" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第五课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="css_tag_format">css</button>
        
                    </div>
                </div>
        
        
                <div id="css_class6" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第六课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="css_tag_format">css</button>
        
                    </div>
                </div>
        
        
        
        
            </div>
        
        
            <div id="html_class" class="html_all_class">
                <div id="html_class1" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
        
                        <p class="class_headline">第一课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="html_tag_format">html</button>
        
                    </div>
                </div>
        
                <div id="html_class2" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第二课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="html_tag_format">html</button>
        
                    </div>
                </div>
                <div id="html_class3" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第三课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="html_tag_format">html</button>
        
                    </div>
                </div>
        
        
                <div id="html_class4" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第四课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="html_tag_format">html</button>
        
                    </div>
                </div>
        
        
                <div id="html_class5" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第五课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="html_tag_format">html</button>
        
                    </div>
                </div>
        
        
                <div id="html_class6" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第六课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="html_tag_format">html</button>
        
                    </div>
                </div>
            </div>
        
        
            <div id="JavaScript_class" class="JavaScript_all_class">
                <div id="JavaScript_class1" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
        
                        <p class="class_headline">第一课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="javascript_tag_format">JavaScript</button>
        
                    </div>
                </div>
        
                <div id="JavaScript_class2" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第二课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="javascript_tag_format">JavaScript</button>
        
                    </div>
                </div>
                <div id="JavaScript_class3" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第三课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="javascript_tag_format">JavaScript</button>
        
                    </div>
                </div>
        
        
                <div id="JavaScript_class4" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第四课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="javascript_tag_format">JavaScript</button>
        
                    </div>
                </div>
        
        
                <div id="JavaScript_class5" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第五课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="javascript_tag_format">JavaScript</button>
        
                    </div>
                </div>
        
        
                <div id="JavaScript_class6" class="p_div">
                    <img id="img01" src="images/shuaige.png" alt="上课" class="img_format">
                    <div>
                        <p class="class_headline">第六课 这里是课程名字</p>
                        <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。 </p>
                        <button class="javascript_tag_format">JavaScript</button>
        
                    </div>
                </div>
        
        
        
        
            </div>
        
        </div>
    </div>



               <div id="div13">
                    <div class="div01">
                        <div><span>I</span></div>
                        <div><span>F</span></div>
                        <div><span>E</span></div>
                    </div>
                    
                    <div id="div14">
                        <ul><span>Links</span>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                            <li>技术培训中心</li>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                        </ul>
                        <ul><span>Links</span>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                            <li>技术培训中心</li>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                        </ul>
                        <ul><span>Links</span>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                            <li>技术培训中心</li>
                            <li>百度技术培训中心</li>
                            <li>百度技术</li>
                        </ul>
                    </div>
               </div>
    </div>
    <!-- <script src="endingwork.js"></script> -->
    <noscript>
        <p>浏览器不支持javascript!推荐使用chrome</p>
    </noscript>
</body>
</html>

